// colors
$primary: #282828;
$info: #939393;
$white: #fff;
$light: #FAFAFA;
$grey: #F6F6F6;
$green:#55B768;
$green-light:#FAFFFB;
$green-border:#D5EDDA;
$green-light-border:#afdcb8;
$dark: #222;
$dark-1: #343440;
$black: #000;


$colors: ("primary": #282828,
    "info": #939393,
    "white": #fff,
    "light": #FAFAFA,
    "grey": #eeeeee,
    "green":#55B768,
    "green-light":#FAFFFB,
    "green-border":#D5EDDA,
    "green-light-border":#afdcb8,
    "dark-1": #343440,
    "dark": #222,
    "black": #000);


// :export {
//     menuText: $menuText;
//     menuActiveText: $menuActiveText;
//     //     subMenuActiveText: $subMenuActiveText;
//     menuBg: $menuBg;
//     menuHover: $menuHover;
//     //     subMenuBg: $subMenuBg;
//     //     subMenuHover: $subMenuHover;
//     sideBarWidth: $sideBarWidth;
//     hidesideBarWidth: $hidesideBarWidth;
//     navBarHeight: $navBarHeight;
//     navBarBg: $navBarBg;
//     tagsViewHeght: $tagsViewHeght;
// }

$border-color: map-get($colors, "light-1");

// font size
$font-sizes: (xxs: 18rpx,
    xs: 20rpx,
    sm: 24rpx,
    md: 28rpx,
    lg: 30rpx,
    xl: 32rpx,
);
$flex-jc: (start: flex-start,
    end: flex-end,
    center: center,
    between: space-between,
    around: space-around);
$flex-ai: (start: flex-start,
    end: flex-end,
    center: center,
    stretch: stretch);
// spacing
// 0-5: 0
// .mt-1  => margin top  .pb-2
$spacing-types: (m: margin,
    p: padding);
$spacing-directions: (t: top,
    r: right,
    b: bottom,
    l: left);
$spacing-base-size: 10rpx;
$spacing-sizes: (0: 0,
    1: 0.25,
    2: 0.5,
    3: 1,
    4: 1.5,
    5: 2,
    6: 2.5,
    7: 3);